﻿<%@ Page 
    Title="GIARS - Customers" 
    Language="vb" 
    AutoEventWireup="false" 
    MasterPageFile="~/Logged.Master" 
    CodeBehind="Customers.aspx.vb" 
    Inherits="giarsweb.Customers" %>

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>


<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <title >Customers</title>
</asp:Content>


<asp:Content ID="Content3" ContentPlaceHolderID="Menu_ContentPlaceHolder" runat="server">
    <ul id="menu" class="blue">
	    <li ><a href="AccessRecords.aspx" >Access Records</a></li>
        <li ><a href="Log.aspx" >Log</a></li>
	    <li ><a href="Passes.aspx">Passes</a></li>
	    <li class="active"><a href="Customers.aspx">Customers</a></li>
	    <li ><a href="Users.aspx">Users</a></li>
        <li ><a href="About.aspx">About</a></li>
    </ul>
</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">


    <div>
        <h2>Customer Management</h2>
    </div>
    <br />
    <div>
        <p class="infoMsgText"><asp:Label ID="info_Label" runat="server" Text=""></asp:Label></p>
    </div>
    <div>
        <asp:Button ID="Add_Button" runat="server" Text="Add" />
        <asp:Button ID="Save_Button" runat="server" Text="Save" />
        <asp:Button ID="Delete_Button" runat="server" Text="Delete" />
    </div>
    <asp:Table runat="server" Height="100%" Width="100%">
        <asp:TableRow runat="server">
            <asp:TableCell runat="server" Width="40%" VerticalAlign="Top"></asp:TableCell>
            <asp:TableCell runat="server" Width="10px" VerticalAlign="top"></asp:TableCell>
            <asp:TableCell CssClass="loginDisplay" runat="server" Width="60%" Height="22px" valign="top">
                <img id="ajax_loading_img" 
                    src="Images/AjaxLoading.gif" 
                    alt="" title="Loading" 
                    style="display: none; height: 20px; width: 20px" />
            </asp:TableCell>
        </asp:TableRow>
        <asp:TableRow runat="server">
            <asp:TableCell runat="server" Width="40%" VerticalAlign="top">
                <asp:ListBox ID="Customers_ListBox" runat="server" Width="100%" Height="500px" AutoPostBack="true"></asp:ListBox>
            </asp:TableCell>
            <asp:TableCell runat="server" Width="10px" VerticalAlign="top"></asp:TableCell>
            <asp:TableCell  runat="server" Width="60%" VerticalAlign="top">
            Id Type:
            <br />
            <asp:DropDownList ID="IdType_DropDownList" runat="server" Width="128px">
                <asp:ListItem>NID</asp:ListItem>
                <asp:ListItem>Passport</asp:ListItem>
                <asp:ListItem>WorkPermit</asp:ListItem>
            </asp:DropDownList>
            <br />
            Id Number:<br />
            <asp:TextBox ID="IdNumber_TextBox" runat="server" Width="180px" autocomplete="off"></asp:TextBox>
            <br />
            Name:<br />
            <asp:TextBox ID="Name_TextBox" runat="server" Width="300px" autocomplete="off"></asp:TextBox>
            <br />
            Country:
            <br />
            <asp:TextBox ID="Country_TextBox" runat="server" Width="384px" autocomplete="off"></asp:TextBox> 
            <script type="text/javascript">
                function OnClientPopulating(sender, e) {
                    //Before starting ajax request
                    var loadingdiv = document.getElementById('ajax_loading_img');
                    loadingdiv.style.display = "block";
                }
                function OnClientCompleted(sender, e) {
                    //after the ajax request is complete
                    var loadingdiv = document.getElementById('ajax_loading_img');
                    loadingdiv.style.display = "none";
                }
            </script>
            <asp:AutoCompleteExtender 
                ID="Country_TextBox_AutoCompleteExtender" 
                CompletionSetCount="50"
                MinimumPrefixLength="1"
                runat="server" 
                DelimiterCharacters="" 
                Enabled="True" 
                ServicePath="Customers.aspx" 
                TargetControlID="Country_TextBox" 
                UseContextKey="True" 
                ServiceMethod="GetCountryCompletionList" 
                OnClientHiding="OnClientCompleted"
                OnClientPopulated="OnClientCompleted" 
                OnClientPopulating="OnClientPopulating">
            </asp:AutoCompleteExtender>
            <br />
            Telephone:<br />
            <asp:TextBox ID="Telephone_TextBox" runat="server" Width="180px" autocomplete="off"></asp:TextBox>
            <br />



            </asp:TableCell></asp:TableRow></asp:Table>
    <br />
    <br />
    <br />
</asp:Content>
